<template lang="html">

    <div class="Classifyimgbox">
      <div class="Classifyimg"  v-for="(item,index) in tabcityimgData">
          <img :src="item.img">
      </div>
    </div>

</template>

<script>
export default {
  name:"ClassifyCity",
  data(){
    return {
      tabcityimgData:[
        {
          id:'1',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'2',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'3',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'4',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'5',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'6',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'7',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'8',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'9',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'10',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'11',
          img:require("../../../assets/img/China_GDCS.png")
        },
        {
          id:'12',
          img:require("../../../assets/img/China_GDCS.png")
        }
      ]
    }
  }
}
</script>

<style lang="css" scoped>
.Classifyimgbox{

  overflow: hidden;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.Classifyimg{
  float: left;
  width: 47%;
  padding:   5px;
}
.Classifyimg img{
  width: 100%;
}
</style>
